﻿<!doctype html>
<html  class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"
       xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head th:replace="~{/public::public-head}">
</head>
<style type="text/css">
    #title{
        height: 50px;
        font-size: 20px
    }
    .lnr{
        line-height: 20px;
    }
    #lengthover{
        color:red
    }
</style>
<body class="template-color-1">

    <div id="main-wrapper">
        <div th:insert="~{/public::navigate}"></div>
        <div style="height: 100px; border-bottom: 1px solid #e2e4ea"></div>
        <div th:insert="~{/public::sideBillboard}"></div>

        <span  sec:authorize="isAuthenticated()" sec:authentication="principal.userId"
               type="text" id="userId" hidden></span>
        <span  sec:authorize="isAuthenticated()" sec:authentication="principal.userName"
               type="text" id="userName" hidden></span>
        <!-- 大标题 Start -->
        <div class="breadcrumb-section section bg_color--5 pt-60 pt-sm-50 pt-xs-40 pb-60 pb-sm-50 pb-xs-40">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="page-breadcrumb-content">
                            <ul class="page-breadcrumb">
                                <li><a th:href="@{/home/homepage}">主页</a></li>
                                <li><a th:href="@{/blog/blogPage}">博客</a></li>
                                <li>编写博客</li>
                            </ul>
                            <h1>博客标题</h1>
                            <div sec:authentication="authorities" hidden id="authorities"></div>
                        </div>
                        <div class="section-filter">
                            <i class="lnr lnr-pencil"></i>
                            <input class="location pac-target-input" type="text" name="title" id="title" placeholder="输入标题 ……">
                            <div class="open-slide-range" style="padding-left: 30px;width: 120px">
                                <span id="lengthover" style="">20</span>/<span id="length-limit"></span>字
                            </div>
                        </div>
                        <input hidden id="blogId" th:value="${{blogId}}">
                        <input hidden id="isUpdate" th:value="${{isUpdate}}">
                    </div>
                </div>
            </div>
        </div>
        <!-- 大标题 end -->

        <!-- 主要部分 Start -->
        <div class="blog-section section pt-30 pb-100">
            <div class="container pt-20 pb-20" style="background-color: #f2f5fc; ">
                <div class="row">
                    <div class="col-xl-12 col-lg-10 ml-auto mr-auto">
                        <div class="row">
                            <!-- 博客正文 -->
                            <div class="col-12">
                                <!-- Single Blog Start -->
                                <div class="">
                                    <div class="col-12">
                                        <iframe id="markdown" style="border: none; width: 100%; height: 600px;" th:src="@{/oa/blog/markdownPage}"></iframe>
                                    </div>
                                    <button class="ht-btn theme-btn theme-btn-two" id="submitBlog" style="margin-left: 45%">发布文章</button>
                                </div>
                                <!-- Single Blog End -->
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- 主要部分 End -->

        <div th:insert="~{/public::footer}"></div>
    </div>

</body>

<div th:replace="~{/public::public-js}"></div>

<script th:src="@{/js/myjob/blog/blogCreate.js}"></script>
</html>
